<template>
<!-- 导航栏 -->
  <el-row class="bg-white" :gutter="20">
    <el-col :span="24">
    <Navigation />
    </el-col>
  </el-row>
  <!-- banner -->
  <el-row :gutter="20">
    <el-col :span="17">
      <banner />
    </el-col>
    <el-col :span="7">
      <user-info />
    </el-col>
  </el-row>
  <!--  -->
  <el-row :gutter="20">
    <el-col :span="17">
      <audit />
    </el-col>
    <el-col :span="7">
      <dateInfo />
    </el-col>
  </el-row>
  <!-- 咨询公告 -->
  <el-row :gutter="20">
    <el-col :span="17">
      <Advisory />
    </el-col>
    <el-col :span="7">
      <affairs />
    </el-col>
  </el-row>
</template>

<script setup>
import Navigation  from './Navigation/index.vue'
import banner from './Banner/index.vue'
import userInfo from './userInfo/index.vue'
import audit from './audit/index.vue'
import dateInfo from './DateInfo/index.vue'
import Advisory from './Advisory/index.vue'
import affairs from './Affairs/index.vue'
</script>

<style>
.bg-white{
  background: white;
  position: fixed;
}
.el-row {
  margin-bottom: 20px;
}
.left{
  height: 20px;
  background-color: pink;
}
.right{
  height: 20px;
  background-color: orange;
}
</style>